package org.pps.gl.client.vue;

import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.DialogBox;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.VerticalPanel;

/**
 * Pop-up à ouvrir dans le footer pour présenter le mode d'emploi
 * 
 */
public class FTR_ModeEmploi extends Composite {
	public FTR_ModeEmploi() {
		// Mode d'emploi
		final DialogBox modeEmploi = new DialogBox();

		modeEmploi.setText("Mode d'emploi");
		VerticalPanel aboutw = new VerticalPanel();
		aboutw.add(new HTML(
				"<ul><li>Pour commencer, vous devez vous inscrire.</li><li>Vous aurez ensuite accès à votre profil.</li><li>Vous avez pleins d'autres actions possibles !</li> "));
		Button ok = new Button("OK");
		// pour fermer
		ok.addClickHandler(new ClickHandler() {
			public void onClick(ClickEvent event) {
				modeEmploi.hide();
			}
		});

		aboutw.add(ok);
		modeEmploi.setWidget(aboutw);
		modeEmploi.setAnimationEnabled(true);

		Label b = new Label("Mode d'emploi");
		// Button b = new Button("About");
		b.addClickHandler(new ClickHandler() {
			public void onClick(ClickEvent event) {
				modeEmploi.center();
			}
		});
		initWidget(b);
	}
}
